<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>迅雷模仿练习</title>
		<link rel="icon" href="img/favicon.ico"/>
		<link rel="stylesheet" href="css/reset.css"/>
		<link rel="stylesheet" href="css/index.css"/>
	</head>
	<body>
		<!-- 导航s -->
		<div class="nav">
			<div class="wrap">
				<div class="logo">
					<a href="#">
						<img src="img/xl-logo2x.png" alt="">
					</a>
				</div>
				<ul class="nav-bar">
					<li class="nav-active"><a href="#">首页</a></li>
					<li><a href="#">产品中心</a></li>
					<li><a href="#">区块链</a>
					<div class="nav-list">
						<ul>
							<li><a href="#">网心云</a></li>
							<li><a href="#">网心云</a></li>
							<li><a href="#">网心云</a></li>
						</ul>
					</div>
					</li>
					<li><a href="#">开放能力</a></li>
					<li><a href="#">关于我们</a>
					<div class="nav-list">
						<ul>
							<li><a href="#">网心云</a></li>
							<li><a href="#">网心云</a></li>
							<li><a href="#">网心云</a></li>
						</ul>
					</div>
					</li>
					<li><a href="#">投资者关系</a></li>
				</ul>
			</div>
		</div>
		<!-- 导航e -->
		<!-- banner开始 -->
		<div class="banner">
			<div class="earth">
				<div class="banner-logo"></div>
				<div class="banner-name">迅雷11</div>
				<div class="banner-desc">更快！但不止于快！</div>
				<a class="btn" href="#">立即下载</a>
			</div>
			<div class="line-box">
				<div class="line1"></div>
				<div class="line2"></div>
			</div>
			<div class="net-box">
				<div class="net1"></div>
				<div class="net2"></div>
			</div>
		</div>
		<!-- banner结束 -->
		<!-- 主体s -->
		<div class="content">
			<!-- 产品开始 -->
			<div class="product">
				<div class="wrap">
					<div class="product-top">
						<div>
							<p class="product-name"></p>
							<p class="product-desc">迅雷11</p>
							<a class="btn" href="#">立即下载</a>
						</div>
						<div>
							<p class="product-name"></p>
							<p class="product-desc">迅雷11</p>
							<a class="btn" href="#">立即下载</a>
						</div>
					</div>
				<a href="#" class="btn product-btn">更多产品</a>
				</div>
			</div>
			<!-- 产品e -->
			<!-- 中间s -->
			<div class="home">
				<h3 class="home-tit">共享计算与区块链</h3>
				<p class="home-info">迅雷是全球共享计算与区块链创领者，是中国拥有核心技术的分布式计算创新企业</p>
			
			<div class="home-box">
				<div class="wrap">
					<ul>
						<li>
							<a href="#">
								<div>
									<h4>星域云</h4>
									<p>共享计算，链接无限</p>
									<div class="home-img"></div>
									<span class="btn home-btn">访问网站</span>
								</div>
							</a>
						</li>
						<li>
							<a href="#">
								<div>
									<h4>星域云</h4>
									<p>共享计算，链接无限</p>
									<div class="home-img"></div>
									<span class="btn home-btn">访问网站</span>
								</div>
							</a>
						</li>
						<li>
							<a href="#">
								<div>
									<h4>星域云</h4>
									<p>共享计算，链接无限</p>
									<div class="home-img"></div>
									<span class="btn home-btn">访问网站</span>
								</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
			</div>
			<!-- 中间e -->
			<!-- 招聘s -->
			<div class="job">
			        <div class="wrap">
			            <h3 class="job-tit">迅雷招聘</h3>
			            <div class="job-img">
			                <a href="#">
			                    <img src="img/job01.jpg" alt="">
			                </a>
			            </div>
			        </div>
			    </div>
			<!-- 招聘e -->
		</div>
		
		<div class="back-top">
		    <a href="#">返回 <br>顶部</a>
		    <a href="#">意见 <br>反馈</a>
		</div>
		<!-- 主体e -->
	</body>
</html>
